/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

@import "content.css";
@import "../../Common/css/cleanform.css";
@import "../../Common/css/common.css";

body {
	padding-bottom : 20px;
	background : url("../images/bg.gif") repeat-x 0 0;
	text-align : center;
}
.box {
	min-height : 1px;
}
.box:after {
	display : block;
	visibility : hidden;
	clear : both;
	line-height : 0;
	font-size : 0;
	content : ".";
}
.relative {
	position : relative;
}
.clear {
	clear : both;
}
.f-left {
	float : left !important ;
}
img.f-left {
	float : left;
	margin-right : 10px;
}
.f-right {
	float : right !important ;
}
img.f-right {
	float : right;
	margin-left : 10px;
}
.t-left {
	text-align : left !important ;
}
.t-center {
	text-align : center !important ;
}
.t-right {
	text-align : right !important ;
}
.t-justify {
	text-align : justify !important ;
}
.va-top {
	vertical-align : top;
}
.va-middle {
	vertical-align : middle;
}
.va-bottom {
	vertical-align : bottom;
}
.nom {
	margin : 0 !important ;
}
.nomt {
	margin-top : 0 !important ;
}
.nomb {
	margin-bottom : 0 !important ;
}
.noscreen {
	display : none;
}
table.table-style01 {
	width : 100%;
}
table.table-style01 th {
	text-align : center;
}
ul.ul-style01 {
	margin : 15px 0 15px 20px;
	padding : 0;
	list-style : none;
}
ul.ul-style01 li {
	margin : 0;
	padding : 0;
	padding-left : 15px;
	background : url("../images/ul-style01.gif") no-repeat 0 5px;
}
ul.ul-style01 ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
ul.ul-style01 ul li {
	background : url("../images/ul-style01-sub.gif") no-repeat 0 5px;
}
#main {
	position : relative;
	width : 910px;
	margin : 0 auto;
	text-align : left;
}
#header {
	position : absolute;
	height : 100px;
	top : 0;
	left : 0;
	width : 100%;
	background : url("../images/header.jpg") no-repeat 0 0;
	overflow : hidden;
}
#logo {
	position : absolute;
	top : 20px;
	left : 50px;
	margin : 0;
	font-size : 200%;
	letter-spacing : -1px;
	font-weight : normal;
}
#logo span {
	font-weight : bold;
}
#logo a {
	text-decoration : none;
}
#slogan {
	position : absolute;
	top : 40px;
	right : 15px;
	width : 230px;
	font-size : 120%;
	font-weight : normal;
	font-style : italic;
	text-align : center;
}
#nav {
	position : absolute;
	top : 100px;
	left : 0;
	width : 100%;
	height : 48px;
	line-height : 48px;
	background : url("../images/nav.gif") no-repeat 0 bottom;
}
#nav ul {
	margin : 0 0 0 10px;
	height : 43px;
	line-height : 100%;
	padding : 0;
	list-style : none;
}
#nav ul li {
	display : block;
	height : 43px;
	line-height : 43px;
	float : left;
	margin : 0;
	padding : 0;
}
#nav ul li a {
	padding : 0 20px;
	display : block;
	text-align : center;
	width : auto;
	height : 43px;
	line-height : 43px;
	background : url("../images/nav-link.gif") repeat-y 100% 0;
	text-decoration : underline;
}
#nav ul li a.active {
	font-weight : bold;
	text-decoration : none;
}
#cols {
	background : url("../images/cols.gif") repeat-y 0 0;
	padding-top : 148px;
}
#cols.wide {
	background : url("../images/cols-wide.gif") repeat-y 0 0;
}
#content {
	float : left;
	width : 655px;
	overflow : hidden;
}
#cols.wide #content {
	width : 100%;
}
#content h1 {
	margin : 0;
	padding : 15px 15px 10px 20px;
	background : url("../images/content-title.gif") no-repeat 0 0;
	font-size : 140%;
	font-weight : normal;
}
#content #content-in {
	padding : 15px 15px 10px 20px;
}
#aside {
	float : right;
	width : 255px;
	overflow : hidden;
}
#aside #aside-title {
	margin : 0;
	padding : 15px 15px 10px 15px;
	background : url("../images/aside-title.gif") no-repeat 0 0;
	font-size : 140%;
	font-weight : normal;
}
#aside .aside-in {
	padding : 10px 10px 15px 10px;
}
#aside .aside-box {
	padding : 10px;
	background : url("../images/aside-box.jpg") no-repeat 0 0;
}
#aside .title {
	margin : 0 5px 0 0;
	padding : 10px 15px;
	background : url("../images/aside-title-02.gif") repeat-x 0 0;
	font-size : 100%;
}
#aside ul.sidebox {
	line-height : 32px;
	margin : 20px 0;
}
#aside ul.sidebox li {
	display : block;
	margin : 0;
	padding : 0 5px;
}
#aside ul.sidebox li a {
	font-weight : bold;
	display : block;
	font-size : 120%;
	text-decoration : none;
	padding : 0 5px;
}
#aside ul.sidebox li a.active, #aside ul.sidebox li a:hover {
	background : #990000;
	color : #ffffff;
}
#cols-bottom {
	width : 910px;
	height : 12px;
	background : url("../images/cols-bottom.gif") no-repeat 0 0;
	font-size : 0;
}
#footer {
	line-height : 32px;
	width : 870px;
	height : 40px;
	padding : 20px 20px 0 20px;
	background : url("../images/footer.gif") no-repeat 0 0;
}
#footer p {
	margin : 0;
}
#perex {
	margin-left : 5px;
	padding : 15px;
	background : url("../images/perex.gif") no-repeat 0 100%;
}
#perex p {
	margin : 0;
}
#sections-bottom {
	width : 620px;
	height : 7px;
	background : url("../images/sections-bottom.gif") no-repeat 0 0;
	font-size : 0;
}
.section {
	float : left;
	width : 280px;
	height : 330px;
}
.section.sec4 {
	margin-left : 150px;
}
.section p {
	margin : 0;
}
.section.sec2, .section.sec5 {
	margin : 0 15px;
}
.section h3 {
	margin : 0;
	padding : 10px;
	background : url("../images/section-title.gif") no-repeat 0 0;
	font-size : 110%;
}
.section-in {
	margin-bottom : 20px;
	padding : 0 10px 10px 10px;
}
dl#news, dl#news dd {
	margin : 0;
}
dl#news dt {
	clear : both;
	padding-left : 18px;
	background : url("../images/ico-list.gif") no-repeat 0 2px;
}
dl#news dd {
	margin : 7px 0 10px 0;
	padding-bottom : 10px;
}
dl#news dd span.date {
	padding-right : 10px;
	background : url("../images/date.gif") no-repeat 100% 50%;
	font-size : 85%;
	font-weight : bold;
}
body {
	background-color : #bfbfbf;
}
a {
	color : #000;
}
a:hover {
	color : #ff6357;
}
table.table-style01 {
	border : 1px solid #ccc;
}
table.table-style01 th {
	border-right : 1px solid #ccc;
	background : #efefef;
	color : #e30000;
}
table.table-style01 td {
	border : 1px solid #ddd;
}
table.table-style01 tr.bg td {
	background : #f5f5f5;
}
#header {
	background-color : #000;
}
#logo span {
	color : #ff6357;
}
#logo a {
	color : #fff;
}
#slogan {
	color : #afafaf;
}
#nav {
	background-color : #d9d9d9;
}
#nav ul li a {
	color : #555;
}
#nav ul li#nav-active a {
	color : #000;
}
#nav ul li a:hover {
	color : #000;
}
#cols {
	background-color : #fff;
}
#content h1 {
	background-color : #000;
	color : #ff6357;
}
#aside #aside-title {
	background-color : #000;
	color : #fff;
}
#aside .title {
	background-color : #000;
	color : #ff6357;
}
#footer {
	background-color : #000;
	color : #999;
}
#footer a {
	color : #999;
}
#footer a:hover {
	color : #fff;
}
#perex {
	border-top : 1px solid #2a2a2a;
	background-color : #000;
	color : #ccc;
}
#perex a {
	color : #ccc;
}
#perex a:hover {
	color : #ff6357;
}
.section h3 {
	background-color : #0385c6;
	color : #fff;
}
.section h3 a {
	color : #fff;
}
.section h3 a:hover {
	color : #000;
}
dl#news dd {
	border-bottom : 1px solid #cacaca;
	color : #555;
}
dl#news dd span.date {
	color : #e30000;
} 
